<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="/view/conf/farmtag.tld" prefix="PF"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<base href="<PF:basePath/>" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>注册-<PF:ParameterValue key="config.sys.title"/>
		</title>
		<jsp:include page="/view/conf/include-web.jsp"></jsp:include>
		<script charset="utf-8"
			src="<PF:basePath/>/text/lib/super-validate/validate.js"></script>
		<script charset="utf-8"
			src="<PF:basePath/>/text/lib/kindeditor/kindeditor-all-min.js"></script>
		<link rel="stylesheet"
			href="<PF:basePath/>/text/lib/kindeditor/themes/default/default.css" />
	</head>
	<body>
		<jsp:include page="../commons/head.jsp"></jsp:include>
		<div class="containerbox">
			<div class="container ">
				<div class="row">
					<div class="col-sm-3  visible-lg visible-md">
					</div>
					<div class="col-sm-9">
						<div class="row">
							<div class="col-sm-12" style="margin-bottom: 8px;">
									<span style="color: #D9534F;"
										class="glyphicon glyphicon-user   ">用户注册</span>
								<hr />
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<c:if test="${pageset.commitType=='1'}">
									<div class="alert alert-danger">
										${pageset.message}
									</div>
								</c:if>
								<form role="form" action="webuser/PubRegistCommit.do"
									id="registSubmitFormId" method="post">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													登录账户
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<input type="text" class="form-control" name="loginname"
															id="loginnameId" placeholder="输入账户名称"
															value="${loginname}" />
													</div>
													<div class="col-md-3">
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													登录密码
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<input type="password" id="passwordId"
															class="form-control" name="password" placeholder="输入登录密码"
															value="${password}" />
													</div>
													<div class="col-md-3">
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													重复密码
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<input type="password" id="passwordId2"
															class="form-control" placeholder="重新输入登录密码" />
													</div>
													<div class="col-md-3">
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													姓名
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<input type="text" class="form-control" name="name"
															id="nameid" placeholder="输入真实姓名" value="${name}" />
													</div>
													<div class="col-md-3">
													</div>
												</div>
											</div>
										</div>
									</div>
									<!-- <div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													组织机构
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<input type="text" class="form-control" id="orgnameId"
															readonly="readonly" name="orgname" placeholder="选择组织机构"
															value="${orgname}" />

														<input type="hidden" name="orgid" id="orgid"
															value="${orgid}" />
													</div>
													<div class="col-md-3">
														<button class="btn btn-primary btn-sm" data-toggle="modal"
															id="openChooseTypeButtonId" data-target="#myModal">
															选择
														</button>
													</div>
												</div>
											</div>
										</div>
									</div> -->
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label for="exampleInputEmail1">
													头像
													<span class="alertMsgClass">*</span>
												</label>
												<div class="row">
													<div class="col-md-9">
														<%-- 
														<img id="imgShowBoxId"
															src="<PF:basePath/>WEB-FACE/img/style/photo.png" alt="..."
															class="img-thumbnail" /> --%>
														<img id="imgShowBoxId"
															src="<PF:basePath/>WEB-FACE/img/style/photo.png" alt=""
															class="" style="width: 60px;height: 60px;"/>
														<input type="hidden" name="photoid" id="photoid"
															value="${photoid}" />
														<input type="button" id="uploadButton" value="上传头像" />
													</div>
													<div class="col-md-3">

													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-2">
											<button type="button" id="registSubmitButtonId"
												class="btn btn-primary">
												提交
											</button>
										</div>
										<div class="col-md-10">
											<span class="alertMsgClass" id="errormessageShowboxId"></span>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<jsp:include page="../commons/foot.jsp"></jsp:include>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							选择组织机构
						</h4>
					</div>
					<div class="modal-body">
						<jsp:include page="/view/web/user/commons/includePubOrg.jsp"></jsp:include>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							关闭
						</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<script type="text/javascript">
	$(function() {
		$('#registSubmitButtonId').bind('click', function() {
			if (!validate('registSubmitFormId')) {
				$('#errormessageShowboxId').text('信息录入有误，请检查！');
			} else {
				$('#registSubmitFormId').submit();
			}
		});
		KindEditor.ready(function(K) {
			var uploadbutton = K.uploadbutton( {
				button : K('#uploadButton'),
				fieldName : 'imgFile',
				url : basePath + 'actionImg/PubFPupload.do',
				afterUpload : function(data) {
					if (data.error === 0) {
						$('#imgShowBoxId').attr('src', data.url);
						$('#photoid').val(data.id);
					} else {
						if (data.message == '') {
							alert("请检查上传文件类型(png、gif、jpg、bmp)以及文件大小不能超过2M");
						} else {
							alert(data.message);
						}
					}
				},
				afterError : function(str) {
					alert('自定义错误信息: ' + str);
				}
			});
			uploadbutton.fileBox.change(function(e) {
				uploadbutton.submit();
			});
		});
		validateInput('loginnameId', function(id, val, obj) {
			// 登录名
				if (valid_isNull(val)) {
					return {
						valid : false,
						msg : '不能为空'
					};
				}
				if (!valid_maxLength(val, 4 - 1)) {
					return {
						valid : false,
						msg : '不能小于4个字符'
					};
				}
				if (valid_maxLength(val, 16)) {
					return {
						valid : false,
						msg : '不能大于16个字符'
					};
				}
				return {
					valid : true,
					msg : '正确'
				};
			});
		validateInput('nameid', function(id, val, obj) {
			// 用户名
				if (valid_isNull(val)) {
					return {
						valid : false,
						msg : '不能为空'
					};
				}
				if (!valid_maxLength(val, 2 - 1)) {
					return {
						valid : false,
						msg : '不能小于2个字符'
					};
				}
				if (valid_maxLength(val, 16)) {
					return {
						valid : false,
						msg : '不能大于16个字符'
					};
				}
				return {
					valid : true,
					msg : '正确'
				};
			});
		validateInput('orgnameId', function(id, val, obj) {
			// 组织机构
				if (valid_isNull(val)) {
					return {
						valid : false,
						msg : '不能为空'
					};
				}
				return {
					valid : true,
					msg : '正确'
				};
			});

		validateInput('passwordId', function(id, val, obj) {
			// 密码
				if (valid_isNull(val)) {
					return {
						valid : false,
						msg : '不能为空'
					};
				}
				if (!valid_maxLength(val, 6 - 1)) {
					return {
						valid : false,
						msg : '不能小于6个字符'
					};
				}
				if (valid_maxLength(val, 32)) {
					return {
						valid : false,
						msg : '不能大于32个字符'
					};
				}
				return {
					valid : true,
					msg : '正确'
				};
			});
		validateInput('passwordId2', function(id, val, obj) {
			// 重录密码
				if (valid_isNull(val)) {
					return {
						valid : false,
						msg : '不能为空'
					};
				}
				if ($('#passwordId').val() != $('#passwordId2').val()) {
					return {
						valid : false,
						msg : '两次密码输入不一样'
					};
				}
				return {
					valid : true,
					msg : '正确'
				};
			});

	});
	function clickDocType(id, text) {
		$('#orgnameId').val(text);
		$('#orgid').val(id);
		$('#myModal').modal('hide');
	}
</script>
	</body>
</html>